@import 'src/style/mixin';
  
.page_profile_info_address{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #f2f2f2;
	z-index: 202;
	padding-top: 1.95rem;
	p, span{
		font-family: Helvetica Neue,Tahoma,Arial;
	}
	.edit{
		right: 0.4rem;
		@include sc(0.7rem, #fff);
		@include ct;
	}
	.address{
		width:100%;
		margin-top:.4rem;
		border-top:1px solid #d9d9d9;
		border-bottom:1px solid #d9d9d9;
		.addresslist{
			background:#fff;
			li{
				border-bottom:1px solid #d9d9d9;
				padding:.4rem;
				@include fj(space-between);
				p{
					line-height:.9rem;
					@include sc(.6rem,#333);
					span{
						display:inline-block;
						@include sc(.6rem,#333);
					}
				}
				.deletesite{
					display:flex;
					align-items:center;
					span{
						display:block;
						@include sc(.8rem,#999)
					}
				}
			}
			li:nth-of-type(1){
				background:#FFF8C3;
			}
		}
		.addsite{
			margin-top:.4rem;
			background:#fff;
			padding:.2rem .4rem;
			border-top:1px solid #d9d9d9;
			@include fj(space-between);
			span{
				display:block;
				@include sc(.7rem,#333);
				line-height:1.4rem;
			}
			.addsvg{
				@include wh(.66667rem,1.4rem);
				svg{
					@include wh(100%,100%);
				}
			}
		}
	}
}

.router-slid-enter-active, .router-slid-leave-active {
    transition: all .4s;
}
.router-slid-enter, .router-slid-leave-active {
    transform: translate3d(2rem, 0, 0);
    opacity: 0;
}